/*
 * 可复用的公有布局
 */

a{
    color: #8a8a8a;
}
.msg{
    color: red;
}



//  提示文字
 .toast{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 15rem;
    height: 15rem;
    border-radius: 1.5rem;
    background: rgba(0, 0, 0, .8);
}
// icon图标 ！
.icon2{
    position: absolute;
    top: 26%;
    left: 49%;
    transform: translate(-50%,-50%);
    width: 4rem;
    height: 4rem;
    color: #fff;
    font-size: 4.6rem !important;
 }
//  icon图标 √
 .icon1{
    position: absolute;
    top: 19%;
    left: 53%;
    transform: translate(-50%,-50%);
    width: 4rem;
    height: 1rem;
    color: #fff;
    font-size: 3.6rem !important;
 }
// 提示文字样式
.toast-text{
    text-align: center;
    line-height: 23rem;
    font-size: 1.4rem;
    color: #fff;
}





// 页脚组件
footer{
    width: 100%;
    height: 7.7rem;
    border-top: 1px solid #eee;
    background: #fff;
    color: #8a8a8a;
    font-size: 1.4rem;
    
}
footer i{
    font-size: 4.2rem !important;
}
footer p{
    width: 4.2rem;
    text-align: center;
}
.active{
    color: #4294ff;
}